<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
  
	<style type="text/css">
		.body,html{
          padding: 0;
          margin:0;
		}
		h1{
          padding: 0;
          margin:0;
		}
		.header{
			background-color: pink;
			height:100px;
			text-align: center;
		}
		.container{
			display: flex;
			height: 1000px;

		}
        .leftbox{
        	background-color: red;
        	flex: 2
        }
        .rightbox{
        	background-color: green;
        	flex:8;
        }
	</style>
</head>
<body>
	<div id="app">
        
        <router-view></router-view>     
        <div class="container">
        	<router-view name="left"></router-view>     
            <router-view name="right"></router-view>     
        </div>
           
	</div>
    <template id="header">
    	<div class="header">
    		<h1>header</h1>
    		<a href="/login">登陆</a>
    	    <a href="/register">注册</a>
    	</div>
    	
    </template>
    
	
</body>
</html>	